<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!--引入标签库 -->

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>注册</title>
    <link rel="shortcut icon" href="images/logo.png">
    <script src="js/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="css/basic.css" type="text/css">
    <link rel="stylesheet" href="css/form.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <script src="js/bootstrap.min.js"></script>
    <script src="js/register.js"></script>
    
    <script>
	$(function(){
		$("#v").show();
		$("#e").hide();
		
		$("#radio2").click(function(){
				$("#radio2").checked;
				$("#v").hide();
				$("#e").show();
		});
		$("#radio1").click(function(){
			$("#v").show();
			$("#e").hide();
		});
	});
	</script>
</head>

<body>

<header>
    <div class="container">
        <nav>
            <ul class="searchul">
                <c:choose>
				    <c:when test="${volunteer.getVuname() ne null}">
				       <li><a href="login.jsp">${volunteer.getVuname()}</a></li>
				    </c:when>
				    <c:when test="${elder.getVuname() ne null}">
				       <li><a href="login.jsp">${elder.getVuname()}</a></li>
				    </c:when>
				    <c:otherwise>
				        <li><a href="login.jsp">登录</a></li>
				    </c:otherwise>
				</c:choose>
                <li><a href="register.jsp">注册</a></li>
            </ul>

            <ul class="navul">
                <li><a href="index.jsp"><span>首页</span></a></li>
                <li><a href="health.jsp"><span>健康管家</span></a></li>
                <li><a href="heart.jsp"><span>心语阁</span></a></li>
                <li><a href="show.jsp"><span>真善美小屋</span></a></li>
                <li><a href="my.jsp"><span>个人中心</span></a></li>
            </ul>
        </nav>
        <div id="logo"><img src="images/logo.png"></div>
    </div>
</header>

<div id="content">
    <div class="container">
        <div id="formimage">
            <img src="images/form.png">
        </div>
        <h1 style="font-weight:bold;"><label class="radio-inline">
            <h4><input type="radio" name="inlineRadioOptions" id="radio1" value="option1" checked></h4> <h4 style="font-weight:bold;" id="type1">志愿者</h4>
        </label>
            <label class="radio-inline">
                <h4><input type="radio" name="inlineRadioOptions" id="radio2" value="option2"></h4> <h4 style="font-weight:bold;" id="type2">老年人</h4>
            </label>&nbsp;注册</h1>
        <div class="divform">
        	<div id="v">
            <form method="post" id="VForm" class="form-signin" style="width:80%;margin:auto;" onsubmit="return findVolName()">
                <label>用户名</label>
                <input type="text" name="vuname" id="vuname" class="form-control" placeholder="Username" required autofocus>
                <label>密码</label>
                <input type="password" name="vpassword" id="vpassword" class="form-control" placeholder="Password" required>
                <label>重复密码</label>
                <input type="password" id="vpassword2" class="form-control" placeholder="Password" required>
                <div class="dropdown">
                    <label>性别</label>
                    <select class="form-control" style="width: 45%" name="vsex" id="vsex">
                        <option>男</option>
                        <option>女</option>
                    </select>
                </div>
                <div class="dropdown">
                    <label>选择所在区域</label><br/>
                    <select name="vaddress1" id="vaddress1" class="btn btn-default dropdown-toggle"  style="width: 45%">
                        <option>蒸湘区</option>
                        <option>雁峰区</option>
                        <option>石鼓区</option>
                        <option>珠晖区</option>
                        <option>南岳区</option>
                        <option>衡南县</option>
                        <option>衡阳县</option>
                        <option>衡东县</option>
                        <option>祁东县</option>
                        <option>衡山县</option>
                        <option>耒阳市</option>
                        <option>常宁市</option>
                    </select><span style="width: 28%">&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <select name="vaddress" id="vaddress" class="btn btn-default dropdown-toggle" style="width: 45%">
                        <option>蒸湘街道</option>
                        <option>红湘街道</option>
                        <option>联合街道</option>
                        <option>华兴街道</option>
                        <option>长湖乡</option>
                        <option>雨母山乡</option>
                        <option>呆鹰岭</option>
                    </select>
                </div>
                <div class="dropdown" id="drop">
                    <label>服务种类</label>
                    <select class="form-control" style="width: 45%" name="vtype" id="vtype">
                        <option>医疗保健</option>
                        <option>人文关怀</option>
                        <option>精神文化娱乐</option>
                        <option>生活服务</option>
                    </select>
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox" value="remember-me" id="agreement" required><a href="xieyi.jsp" target="blank">你是否同意签订该协议</a>
                    </label>
                </div>
                <button style="width:80%;margin:auto" class="btn btn-lg btn-primary btn-block" type="submit">注册</button>
            </form>
            </div>
            <div id="e">
            <form method="post" id="EForm" class="form-signin" style="width:80%;margin:auto;" onsubmit="return findEldName()">
                <label>用户名</label>
                <input type="text" name="euname" id="euname" class="form-control" placeholder="Username" required autofocus>
                <label>密码</label>
                <input type="password" name="epassword" id="epassword" class="form-control" placeholder="Password" required>
                <label>重复密码</label>
                <input type="password" name="epassword" id="epassword2" class="form-control" placeholder="Password" required>
                <div class="dropdown">
                    <label>性别</label>
                    <select class="form-control" style="width: 45%" name="esex" id="esex">
                        <option>男</option>
                        <option>女</option>
                    </select>
                </div>
                <div class="dropdown">
                    <label>选择所在区域</label><br/>
                    <select name="eaddress1" id="eaddress1" class="btn btn-default dropdown-toggle"  style="width: 45%">
                        <option>蒸湘区</option>
                        <option>雁峰区</option>
                        <option>石鼓区</option>
                        <option>珠晖区</option>
                        <option>南岳区</option>
                        <option>衡南县</option>
                        <option>衡阳县</option>
                        <option>衡东县</option>
                        <option>祁东县</option>
                        <option>衡山县</option>
                        <option>耒阳市</option>
                        <option>常宁市</option>
                    </select><span style="width: 28%">&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <select name="eaddress" id="eaddress" class="btn btn-default dropdown-toggle" style="width: 45%">
                        <option>蒸湘街道</option>
                        <option>红湘街道</option>
                        <option>联合街道</option>
                        <option>华兴街道</option>
                        <option>长湖乡</option>
                        <option>雨母山乡</option>
                        <option>呆鹰岭</option>
                    </select>
                </div>
                <div id="hide">
	                <label>详细住址</label>
	                <input type="text" name="eaddress3" id="eaddress3" class="form-control" placeholder="详细住址 街道/小区/栋/门牌"/>
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox" value="remember-me" id="agreement" required><a href="agreement.jsp" target="blank">你是否同意签订该协议</a>
                    </label>
                </div>
            <button  style="width:80%;margin:auto" class="btn btn-lg btn-primary btn-block" type="submit">注册</button>
            </form>
            </div>
        </div>
    </div>
</div>


<footer>
    <div class="container">
        <ul id="links">
            <li><a href="">中国青年志愿者网</a></li>
            <li><a href="">中国青年志愿者协会</a></li>
            <li><a href="">中国志愿服务联合会</a></li>
            <li><a href="">志愿北京</a></li>
            <li><a href="">腾讯公益</a></li>
            <li><a href="">搜狐公益</a></li>
            <li><a href="">网易公益</a></li>
        </ul>
        <br>
        <p>Copyright &copy;“幸福巢”社会互助养老公益网</p>
        <div id="contact">
            <h3>联系我们</h3>
            <p>游女士：Tel：18216018060 邮箱：1007420955@qq.com <br> 曾女士：Tel:15570904369 邮箱:594185294@qq.com <br>地址:湖南省衡阳市蒸湘区常胜西路28号南华大学护理学院
            </p>
        </div>
    </div>
</footer>
</body>
</html>